<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>BeautifulSoup 练习页面</title>
    <style>
        .highlight { color: red; }
        #main-content { padding: 20px; }
    </style>
</head>
<body>
    <header>
        <h1>欢迎来到我的练习页面</h1>
        <nav>
            <ul class="menu">
                <li><a href="#home">首页</a></li>
                <li class="item-0"><a href="#about">关于</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </nav>
    </header>

    <div id="main-content">
        <article class="post">
            <h2 class="title">Python BeautifulSoup 教程</h2>
            <p class="meta">发布于: <span class="date">2023-05-15</span> | 作者: <span class="author">张三</span></p>
            <div class="content">
                <p>BeautifulSoup 是一个用于解析HTML和XML文档的Python库。</p>
                <p>它能够帮助你从网页中提取数据，非常适合网页抓取。</p>
                <p class="highlight">这段文字特别重要！</p>
            </div>
        </article>

        <article class="post">
            <h2 class="title">HTML 基础</h2>
            <p class="meta">发布于: <span class="date">2023-05-10</span> | 作者: <span class="author">李四</span></p>
            <div class="content">
                <p>HTML 是构建网页的标准标记语言。</p>
                <ul>
                    <li>HTML 代表超文本标记语言</li>
                    <li>HTML 描述了网页的结构</li>
                    <li>HTML 由一系列元素组成</li>
                </ul>
            </div>
        </article>
    </div>

    <footer>
        <p>© 2023 练习网站. 保留所有权利.</p>
        <div class="links">
            <a href="/privacy">隐私政策</a> |
            <a href="/terms">使用条款</a>
        </div>
    </footer>
</body>
</html>